//入口函数
$(function () {
    //1.去  登录&注册点击
    $('#goResBox').on('click', function () {
      $('.loginBox').hide()
      $('.regBox').show()
    })
    $('#goLoginBox').on('click', function () {
      $('.regBox').hide()
      $('.loginBox').show()
    })
  
    //2.登录&注册校验
    const form = layui.form //变量接受layui中的form属性
    form.verify({
      //数组的两个值分别代表：[正则匹配,匹配不符时的提示文字]
      //用户名校验
      username: [/^[a-zA-Z0-9]{1,10}$/, '用户名长度必须到1到10位数字或字母'],
  
      //密码校验
      password: [/^[\S]{6,12}$/, '密码长度必须6到12位的非空字符'],
  
      //确认密码校验规则
      rePwd: function (value) {
        let pwd = $('#formReg [name="password"]').val()
        if (value !== pwd) return '密码与确认密码不一致'
      },
    })
  
    //3.注册功能
    $('#formReg').on('submit', function (e) {
      e.preventDefault()
      axios({
        method: 'post',
        url: '/api/reguser',
        data: $(this).serialize(),
      }).then(res => {
        if (res.data.status !== 0) return alert(res.data.message)
        //成功
        alert('恭喜注册成功')
        //清空form表单
        $('#formReg')[0].reset()
        //切换显示登录表单
        $('goLoginBox').click()
      })
    })
  
    //4.登录功能
    $('#formLogin').on('submit', function (e) {
      e.preventDefault()
      axios({
        method: 'post',
        url: '/api/login',
        data: $(this).serialize(),
      }).then(res => {
        console.log(res)
        if (res.data.status != 0) {
          return layer.msg(res.data.message)
        }
  
        //成功提示
        layer.msg('恭喜您，登录成功！')
  
        //保存token
        localStorage.setItem('token', res.data.token)
  
        //页面跳转
        setTimeout(function () {
          location.href = '/index.html'
        }, 1000)
      })
    })
  })
  